import { View ,Text} from "@tarojs/components"

import {Popup} from '@antmjs/vantui'
import { forwardRef } from "react";


import useInitAction from "@/hooks/useInitAction";


interface IJoinNoticeDialog {
    noticeShow:boolean;
    handlePopStatus:(status)=>void;
    handleGoAction?:()=>void;
}
const JoinNoticeDialog:React.FC<IJoinNoticeDialog>=forwardRef((props, refs)=>{
    
    const {noticeShow,handlePopStatus,handleGoAction}= props
    const {bottomSafeHeight} = useInitAction()
  


    const handlehideNoticePop=()=>{
        handlePopStatus(false)
    }
   
   
    return (
        <Popup show={noticeShow} position="bottom" onClose={handlehideNoticePop} safeAreaInsetBottom={false} style={{paddingBottom:bottomSafeHeight >0?bottomSafeHeight+'px':'90rpx'}}>
            <View className="pt-56px pl-46px pr-44px box-border flex flex-col items-center">
                <View className="text-#161618 text-36px font-bold">入驻须知</View>
                <View className="mt-34px box-border pl-2px text-#161618 text-28px">
                    <View className="leading-50px">
                    <View>1. 须由博主本人提交入驻申请</View>
                    <View>2. 可通过拨打用户电话或加微信好友方式提供服务</View>
                    <View>3. 您发布的内容不能包含付费信息和联系方式，请提供免费的轻咨询服务。您可以通过私域运营方式推广付费产品或服务。</View>

                    </View>
                    {/* <View  className="mt-30px leading-46px">提交入驻申请前，请您仔细阅读并确保遵守<Text className="text-#5791EA">《软件使用信息服务协议》、《隐私协议》</Text>，清晰了解入驻者行为规范、费用及支付规则等内容。</View> */}
                </View>
                <View className="w-full p-26px box-border flex items-center justify-center bg-#8232E8 text-#fff text-28px font-medium mt-40px" onClick={handleGoAction}>我已阅读并同意遵守以上协议</View>
                <View className="w-full p-26px box-border flex items-center justify-center bg-#F5F5F5 text-#333 text-28px font-medium mt-30px" onClick={handlehideNoticePop}>退出申请</View>

            </View>
        </Popup>
    )
    
})
export default JoinNoticeDialog;